<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>

        /* 全局选择器 */
        /* *{
            color: red;
            font-size: 40px;
        } */

        /* 元素选择器 */
        /* p{
            color: green;
            font-size: 30px;
        } */

        /* span{
            color: purple;
            font-size: 30px;
        } */

        /* 类选择器 */
        .one{
            color: red;
        }
        .size{
            font-size: 40px;
        }

    </style>

</head>
<body>
    
    <p>内容1</p>
    <p>内容2</p>
    <p>内容3</p>
    <p>大家好<span>我是</span>某某某</p>
    <p class="one">你好</p>
    <p class="one size">hello!</p>


</body>
</html>